<?php
include ('template/header.php');
require_once "includes/basicas.php";
?>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/btn_inicio_over.gif','images/btn_usuario_over.gif','images/btn_cargar_over.gif','images/btn_info_over.gif')">
    <?php require_once 'enBody.php'; ?>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td height="200" background="images/fnd.jpg">&nbsp;</td>
                    </tr>
                </table></td>                
            <td width="860"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td height="142" align="left" valign="top" bgcolor="#006666"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td width="23" height="123">&nbsp;</td>
                                                <td width="212" align="left" valign="top"><a href="index.php" target="_self"><img src="images/logo_sema_2.gif" alt="Inicio" width="212" height="123" border="0"></a></td>
                                                <td width="625" align="left" valign="bottom" >
                                                    <?php echo fnTituloHeader(); ?>
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td width="600" height="15" align="right" valign="middle" class="ingresar"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <td width="500"><div align="right" class="ingresar">&nbsp;</div></td>
                                                                        <td width="100"><div align="right"><span class="nombre-usuario"><?php if (isset($_SESSION['autenticado'])) { ?>Hola <?php echo $_SESSION['nombres'] ?> <?php } else { ?> Bienvenido <?php } ?></span></div></td>
                                                                    </tr>
                                                                </table></td>
                                                            <td width="25" height="35">&nbsp;</td>
                                                        </tr>
                                                    </table>
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td width="600" height="15" align="right" class="olvido-cerrar"><?php if (isset($_SESSION['autenticado'])) { ?><a href="salir.php">Cerrar sesi&oacute;n</a> <?php } else { ?> <?php ?><?php } ?></td>
                                                            <td width="25">&nbsp;</td>
                                                        </tr>
                                                    </table>

                                                </td>
                                            </tr>
                                        </table>
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td height="19" background="images/fnd_header.gif">&nbsp;</td>
                                            </tr>
                                        </table></td>
                                </tr>
                            </table>
                            <?php echo fnAyudaTab(); ?>
                            <div style="text-align: left;color: red;">
                                <?php if (isset($_GET['error'])) { ?>Sesion no iniciada. Usuario y/o contrase&ntilde;a incorrectos.
                                <?php } ?>
                            </div>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="172" height="70" align="left" valign="top">
                                        <a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('btn_inicio','','images/btn_inicio_over.gif',1)">
                                            <img src="images/btn_inicio.gif" name="btn_inicio" width="172" height="70" border="0"></a>
                                    </td>
                                    <td width="173" align="left" valign="top">
                                        <?php if (isset($_SESSION['autenticado']) && ($_SESSION['tipo_usuario'] == 1 || $_SESSION['tipo_usuario'] == 2)) { ?>
                                            <a href="archivos.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('btn_carga','','images/btn_cargar_over.gif',1)">
                                                <img src="images/btn_cargar.gif" name="btn_carga" width="173" height="70" border="0"></a>
                                        <?php } else { ?>
                                            <a href="informacion.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('btn_info','','images/btn_info_over.gif',1)">
                                                <img src="images/btn_info.gif" name="btn_info" width="172" height="70" border="0"></a>
                                        <?php } ?>
                                    </td>
                                    <td width="172" align="left" valign="top">
                                        <?php if (isset($_SESSION['autenticado']) && ($_SESSION['tipo_usuario'] == 1 || $_SESSION['tipo_usuario'] == 2)) { ?>
                                            <a href="informacion.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('btn_info','','images/btn_info_over.gif',1)">
                                                <img src="images/btn_info.gif" name="btn_info" width="172" height="70" border="0"></a>
                                        <?php } else if (isset($_SESSION['autenticado']) && ($_SESSION['tipo_usuario'] == 3)) { ?>
                                            <img src="images/btn_reporte_over.gif" name="btn_reporte" width="170" height="70" border="0">
                                        <?php } ?>
                                    </td>
                                    <td width="173" align="left" valign="top">
                                        <?php if (isset($_SESSION['autenticado']) && ($_SESSION['tipo_usuario'] == 1)) { ?>
                                            <a href="usuarios.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('btn_usuario','','images/btn_usuario_over.gif',1)">
                                                <img src="images/btn_usuario.gif" name="btn_usuario" width="173" height="70" border="0"></a>
                                        <?php } ?>
                                    </td>
                                    <td width="170" align="left" valign="top">
                                        <?php if (isset($_SESSION['autenticado']) && ($_SESSION['tipo_usuario'] == 1)) { ?>
                                            <img src="images/btn_reporte_over.gif" name="btn_reporte" width="170" height="70" border="0">
                                        <?php } ?>
                                </tr>
                            </table>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr><td height="86" align="left" valign="top" background="images/caja_content_reporte2a.png">&nbsp;</td></tr>
                                <tr>
                                    <td height="486" align="left" valign="top" background="images/caja_content_reporte2b.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td width="35" height="602">&nbsp;</td>
                                                <td width="790" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td height="80" align="left" valign="middle" class="txt-titulo"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <td height="40" align="left" valign="middle" class="txt-titulo">&nbsp;</td>
                                                                    </tr>
                                                                    <tr style="text-align: left">
                                                                        <td height="40">
                                                                            <div style="margin: 10px 2px;">
                                                                                <a href="javascript:fnBusquedaUser();" id="btnBusqueda">
                                                                                    <img src="images/search.png" alt="Búsqueda general de estudiantes" style="border: none" title="Búsqueda general de estudiantes" />
                                                                                    Búsqueda general de estudiantes, para generar su respectivo informe detallado.
                                                                                </a>
                                                                            </div>

                                                                        </td>
                                                                    </tr>
                                                                </table></td>
                                                        </tr>
                                                        <tr>
                                                            <td height="502" align="left" valign="top">
                                                                <?php if (isset($_SESSION['autenticado']) && ($_SESSION['tipo_usuario'] == 1 || $_SESSION['tipo_usuario'] == 3)) { ?>


                                                                    <!-- Formulario de criterios de busqueda -->
                                                                    <form name="form_busqueda" id="form_busqueda" action="" method="post">
                                                                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="98%">
                                                                            <tr><th colspan="3" style="border: 1px solid #cccc01;">Criterios de b&uacute;squeda</th></tr>
                                                                            <tr><th colspan="3">&nbsp;</th></tr>
                                                                            <tr>
                                                                                <th width="30%" colspan="2" style="font-size: 11px;">Entre los a&ntilde;os:</th>
                                                                                <th style="font-size: 11px; text-align: left;">Establecimiento educativo:&nbsp;<input type="text" id="fil_inst" name="fil_inst" disabled style="width: 298px;"/></th>
                                                                            </tr>
                                                                            <tr>
                                                                                <td width="15%" class="a_menor"><select name="anio_menor" id="anio_menor" style="width: 120px;"><option value="">Seleccione</option></select></td>
                                                                                <td class="a_mayor"><select name="anio_mayor" id="anio_mayor" style="width: 120px;"><option value="">Seleccione</option></select></td>
                                                                                <td class="inst"><select name="institucion" id="institucion" style="width: 470px;" disabled><option value="">Seleccione la instituci&oacute;n</option></select></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <th style="font-size: 11px; text-align: left;">Secretaría:</th>
                                                                                <th style="font-size: 11px; text-align: left;">Grado:</th>
                                                                                <th style="font-size: 11px; text-align: left;">Sede:</th>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="secr"><select name="secretaria" id="secretaria" style="width: 120px;" disabled><option value="">Seleccione</option></select></td>
                                                                                <td><select name="grado" id="grado" style="width: 120px;" disabled><option value="">Seleccione</option><option value="1">General</option><option value="2">Aceleraci&oacute;n</option></select></td>
                                                                                <td class="sede"><select name="sede" id="sede" style="width: 470px;" disabled><option value="">Seleccione la sede</option></select></td>
                                                                            </tr>
                                                                        </table><br/>
                                                                    </form>
                                                                    <!-- Fin de Formulario de criterios de busqueda -->

                                                                    <!-- Tabla que contiene  las  categorias para generar los reportes -->
                                                                    <table align="center" border="0" width="98%" cellpadding="0" cellspacing="0">
                                                                        <tr><th colspan="3" style="border: 1px solid #cccc01;">Tipos de reporte</th></tr>
                                                                        <tr><th colspan="3">&nbsp;</th></tr>
                                                                        <tr><th colspan="2" style="border: 1px solid #cccc01;border-right: 0px;border-bottom: 0px;" >Generales</th>
                                                                            <th style="border: 1px solid #cccc01;border-bottom: 0px;">Permanencia</th></tr>
                                                                        <!--<tr><th colspan="3">&nbsp;</th></tr>-->
                                                                        <tr>

                                                                            <td rowspan="2" style="border-top: 1px solid #cccc01; border-left: 1px solid #cccc01; border-bottom: 1px solid #cccc01; font-size: 12px; text-align: left;">
                                                                                <ul type="none" >
                                                                                    <li><a id="link_aulas" href="">Aulas</a></li>
                                                                                    <li><a id="link_matriculas" href="">Matr&iacute;culas</a></li>
                                                                                </ul>
                                                                            </td>
                                                                            <td rowspan="2" style="border-top: 1px solid #cccc01; border-bottom: 1px solid #cccc01; font-size: 12px; text-align: left;">
                                                                                <ul type="none" >
                                                                                    <li><a id="link_ee" href="">Establecimientos</a></li>
                                                                                    <li><a id="link_sedes" href="">Sedes</a></li>
                                                                                </ul>
                                                                            </td>


                                                                            <td rowspan="2" style="border: 1px solid #cccc01;font-size: 12px; text-align: left;">
                                                                                <ul type="none" >
                                                                                    <li><a id="link_permanencia" href="">Consolidado</a></li>
                                                                                    <li><a id="link_estudiantes" href="">Estudiantes</a></li>
                                                                                </ul>
                                                                            </td>

                                                                        </tr>
                                                                    </table>
                                                                    <br/><br/>
                                                                    <div id="graficas" style="width: 571px; float:left;"></div>
                                                                    <div id="filtros" style="width: 215px; float:right;"></div>
                                                                    <div style="clear: both;"></div><br/>
                                                                    <div id="reportes" style="width: 786px; text-align: center;"></div>

                                                                <?php } else { ?>
                                                                    <h2>Acceso no autorizado</h2>
                                                                <?php } ?>

                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td height="20">&nbsp;</td>
                                                        </tr>
                                                    </table></td>
                                                <td width="35">&nbsp;</td>
                                            </tr>
                                        </table></td>
                                </tr>
                                <tr><td height="28" align="left" valign="top" background="images/caja_content_reporte2c.png">&nbsp;</td></tr>
                            </table>
                            <!-- Formulario que se presenta cuando se quiere generar el reporte de Estudiantes -->
                            <div class="oculto">
                                <div id="form_est" style="padding: 10px; background: #ffffff; height: 390px;">
                                    <h3 align="center">Panel de selecci&oacute;n de estudiante</h3>
                                    <form id="form_estudiante" name="form_estudiante" method="post" action="">
                                        <p>Ingrese el nombre a filtrar:</p>
                                        <div>
                                            <label>
                                                <input type="text" id="busqueda" name="busqueda" /><input type="button" id="fil_bus" value="Filtrar" disabled /><input type="button" id="res_bus" value="Borrar" />
                                            </label>
                                        </div>
                                        <p>Seleccione el estudiante:</p>
                                        <div class="load_est">
                                            <select id="estudiantes" name="estudiantes" size="10" style="width: 500px;">
                                                <option value=""></option>
                                            </select>
                                        </div>
                                        <div>
                                            <input type="button" id="gen_rep" name="gen_rep" value="Generar Reporte" />
                                        </div>
                                    </form>
                                </div><br/>
                                <div id="div_consulta_est" style="padding: 10px; background: #ffffff; height: 410px;">
                                    <h3 align="center">Consulta general de estudiantes</h3>
                                    <p>Tenga presente que esta consulta posee un tiempo de respuesta mucho mayor al promedio del sistema. Por favor tenga paciencia.</p>
                                    <div id="divConsultaRapida">
                                        <label for="txtValorBusqueda">Valor a consultar:</label>
                                        <input type="text" id="txtValorBusqueda" name="txtValorBusqueda" />                                        
                                    </div>
                                    <div id="divConsultaAvanzada" style="display:none">
                                        <div>
                                            <label for="txtNombreCons">Nombres</label>
                                            <input type="text" id="txtNombreCons" name="txtNombreCons" />
                                        </div>
                                        <div>
                                            <label for="txtApellidosCons">Apellidos</label>
                                            <input type="text" id="txtApellidosCons" name="txtApellidosCons" />
                                        </div>
                                    </div>
                                    <input type="checkbox" id="chkAcelera" name="chkAcelera" value="Si" /> <label for="chkAcelera">Cursó aceleración</label>
                                    <br/>
                                    <input type="button" value="Filtrar Nombres" id="btnAvanzada" onclick="fnCambiaAvanzada(this);" />
                                    <input type="button" value="Consultar" id="btnConsultaEstudiante" onclick="fnConsultaEst();" />
                                    <input type="hidden" value="G" name="hdConsulta" id="hdConsulta" />
                                    <div>
                                        <label for="selEstudianteBuscado">Seleccione el estudiante:</label><br/>
                                        <div id="divEstudianteBuscado">
                                            <select id="selEstudianteBuscado" name="selEstudianteBuscado" size="10" style="width: 100%;">
                                                <option value=""></option>
                                            </select>
                                        </div>
                                    </div>
                                    <input type="button" id="btnConsRapida" name="btnConsRapida" onclick="fnReporteEstudiante(document.getElementById('selEstudianteBuscado'));" value="Generar Reporte" />
                                </div><br/>
                            </div> <!-- <div class="oculto"> -->
                            <!-- Fin de formulario de estudiantes -->
                            <script type="text/javascript">
                                function fnCambiaAvanzada(btn){
                                    var div = document.getElementById("divConsultaRapida");
                                    var divAvan = document.getElementById("divConsultaAvanzada");
                                    var tipConsulta = document.getElementById("hdConsulta");
                                    if(btn.value == "Filtrar Nombres"){
                                        div.style.display = "none";
                                        divAvan.style.display = "block";
                                        btn.value= "Sin filtro";
                                        tipConsulta.value = "A";
                                    }else{
                                        div.style.display = "block";
                                        divAvan.style.display = "none";
                                        btn.value= "Filtrar Nombres";
                                        tipConsulta.value = "G";
                                    }
                                    return ;
                                } //fin function fnCambiaAvanzada(btn){
                                function fnBusquedaUser(){
                                    $.fn.colorbox({width: '50%', inline: true, href: '#div_consulta_est', open: true, scrollbars: false, opacity: '0.4'});
                                }
                                function fnConsultaEst(){
                                    /*Funcion para consultar en la maestra estudiantes el valor que viene en valor*/
                                    var indBusqueda = document.getElementById("hdConsulta"); //indicador tipo de consulta
                                    var varGeneral = document.getElementById("txtValorBusqueda").value; //Valor general de la busqueda
                                    var varNombres = document.getElementById("txtNombreCons").value; //Valor general de la busqueda
                                    var varApellidos = document.getElementById("txtApellidosCons").value; //Valor general de la busqueda
                                    if(indBusqueda.value == "G" && varGeneral.replace(/^\s+|\s+$/g,"") == ""){
                                        alert("Ingrese algún valor para la búsqueda");
                                        return false;
                                    }
                                    if(indBusqueda.value == "A" && (varNombres.replace(/^\s+|\s+$/g,"") == "" && varApellidos.replace(/^\s+|\s+$/g,"") == "")){
                                        alert("Ingrese algún valor en el campo apellidos o nombres para iniciar la búsqueda");
                                        return false;
                                    }
                                    $("#divEstudianteBuscado").load("reportes/buscaEstudiante.php",{valGeneral:varGeneral,tipBusqueda:indBusqueda.value,valNombre:varNombres,valApellidos:varApellidos,chkAcelera:document.getElementById("chkAcelera").checked,opc:1},function(){
										
                                    }); //fin $("#divEstudianteBuscado").load(function(){
                                    return ;
                                    
                                } //fin function fnConsultaEst(valor){
                                function fnReporteEstudiante(estudiante){
                                    /*Funcion para graficar la información del estudiante elegido*/
                                    if(estudiante.value == ""){
                                        alert("Debe elegir un estudiante para generar el reporte");
                                        return false;
                                    }else{
                                        
                                        var selectitems = document.getElementById("anio_menor");
                                        var anio_menor = selectitems.options[1].value;
                                        var selectitems1 = document.getElementById("anio_menor");
                                        var items1 = selectitems1.options.length;
                                        var anio_mayor = selectitems1.options[items1 - 1].value;
                                        rep_estudiante(estudiante.value,anio_menor,anio_mayor);
                                    }
                                } //fin function fnReporteEstudiante(estudiante){
                            </script>
                            <?php include ('template/footer.php'); ?>
